<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title id="title"></title>
    <meta name="keywords" content="网页导航">
    <meta name="description" content="单纯就是一个导航">
    <link rel="stylesheet icon" href="img/icon.ico"/>
    <link rel="stylesheet" type="text/css" href="bootstrap/bootstrap.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <script type="text/javascript" src="js/jQuery.js"></script>
    <script type="text/javascript" src="bootstrap/bootstrap.min.js"></script>
    <link rel="stylesheet" href="css/slideout.css">
    <script>
        var now = new Date().getTime();
        document.write('<link href="css/style.css?v=' + now + '" rel="stylesheet" type="text/css"/>');
    </script>
</head>

<body>
<nav id="menu" class="menu">
    <blockquote class="blockquote">▎ 影视</blockquote>
    <ul>
        <a target="_blank" href="https://www.bilibili.com/">
            <li class="sidenav-btn">哔哩哔哩
                <p>bilibili</p>
            </li>
        </a>
        <a target="_blank" href="https://btbtt14.com/index-list.htm">
            <li class="sidenav-btn">BT之家
                <p>分享快乐如此简单</p>
            </li>
        </a>
        <a target="_blank" href="https://acg.rip/">
            <li class="sidenav-btn">ACG.RIP
                <p>动漫种子分享</p>
            </li>
        </a>
        <a target="_blank" href="http://www.dmhy.org/">
            <li class="sidenav-btn">動漫花園
                <p>動漫愛好者平台</p>
            </li>
        </a>
        <a target="_blank" href="https://nyaa.si/">
            <li class="sidenav-btn">Browse::Nyaa
                <p>动漫交流</p>
            </li>
        </a>
        <a target="_blank" href="https://www.yhdmp.cc/">
            <li class="sidenav-btn">樱花动漫
                <p>专注动漫门户</p>
            </li>
        </a>
        <a target="_blank" href="https://share.acgnx.se/">
            <li class="sidenav-btn">末日动漫
                <p>动漫资源库</p>
            </li>
        </a>
        <a target="_blank" href="https://bangumi.moe/">
            <li class="sidenav-btn">萌番组
                <p>大好きだよ</p>
            </li>
        </a>
        <!--            <a target="_blank" href="https://5iux.cn/base64/">-->
        <!--                <li class="sidenav-btn">base64-->
        <!--                    <p>加密解密base64</p>-->
        <!--                </li>-->
        <!--            </a>-->
        <a target="_blank" href="https://youtube.com/">
            <li class="sidenav-btn">YouTube
                <p>油管</p>
            </li>
        </a>
        <!--            <a target="_blank" href="https://m.apkpure.com/cn/">-->
        <!--                <li class="sidenav-btn">Apkpure-->
        <!--                    <p>国外类谷歌应用店</p>-->
        <!--                </li>-->
        <!--            </a>-->
        <a target="_blank" href="https://www.mp4ba.vip/">
            <li class="sidenav-btn">MP4吧
                <p>高清MP4吧</p>
            </li>
        </a>
        <a target="_blank" href="https://www.yyets.com/">
            <li class="sidenav-btn">YYeTs
                <p>人人字幕组</p>
            </li>
        </a>
        <a target="_blank" href="https://ddrk.me/">
            <li class="sidenav-btn">低端影视
                <p>超清在线视频站</p>
            </li>
        </a>
        <a target="_blank" href="http://www.novipnoad.com/">
            <li class="sidenav-btn">NO视频
                <p>不负追剧好时光</p>
            </li>
        </a>
        <a target="_blank" href="http://www.doki8.com/">
            <li class="sidenav-btn">doki8
                <p>心动日剧</p>
            </li>
        </a>
        <a target="_blank" href="http://www.zzrbl.com/">
            <li class="sidenav-btn">猪猪日部落
                <p>猪猪日剧字幕组</p>
            </li>
        </a>
        <a target="_blank" href="https://www.btbdys.com/">
            <li class="sidenav-btn">哔嘀影视
                <p>热门最新电影</p>
            </li>
        </a>
        <a target="_blank" href="https://www.shenma4480.com/">
            <li class="sidenav-btn">神马影院
                <p>神马都有？</p>
            </li>
        </a>
        <a target="_blank" href="https://www.themoviedb.org/">
            <li class="sidenav-btn">TMDB
                <p>影视数据</p>
            </li>
        </a>
    </ul>
    <blockquote class="blockquote">▎ 学习</blockquote>
    <ul>
        <a target="_blank" href="http://i.nbut.edu.cn/">
            <li class="sidenav-btn">数字宁工
                <p>数字教务平台</p>
            </li>
        </a>
        <a target="_blank" href="http://i.chaoxing.com/">
            <li class="sidenav-btn">学习通
                <p>勾八超星学习通</p>
            </li>
        </a>
        <a target="_blank" href="https://www.icourse163.org/">
            <li class="sidenav-btn">MOOC
                <p>中国大学MOOC</p>
            </li>
        </a>
        <a target="_blank" href="https://itch.io/">
            <li class="sidenav-btn">itch
                <p>游戏设计交流平台</p>
            </li>
        </a>
        <!--            <a target="_blank" href="https://hinoki-project.org/natsume/">-->
        <!--                <li class="sidenav-btn">日语作文支援-->
        <!--                    <p>日语作文搭配</p>-->
        <!--                </li>-->
        <!--            </a>-->
        <!--            <a target="_blank" href="https://nihongonosensei.net/">-->
        <!--                <li class="sidenav-btn">日本語教師-->
        <!--                    <p>一个日语老师的博客</p>-->
        <!--                </li>-->
        <!--            </a>-->
    </ul>
    <blockquote class="blockquote">▎ 博客</blockquote>

    <ul>
        <a target="_blank" href="#">
            <li class="sidenav-btn">我（建设中）
                <p>爆脖の奇妙生活</p>
            </li>
        </a>
        <a target="_blank" href="https://cong.chat/">
            <li class="sidenav-btn">翟聪
                <p>翟聪的博客</p>
            </li>
        </a>
        <a target="_blank" href="https://blog.luchichick.cn/">
            <li class="sidenav-btn">李彦卿
                <p>李彦卿的博客</p>
            </li>
        </a>
        <a target="_blank" href="https://waiwai.life/">
            <li class="sidenav-btn">雷登文
                <p>啥都有|很离谱</p>
            </li>
        </a>
    </ul>
    <blockquote class="blockquote">▎ 文件传送</blockquote>
    <ul>
        <a target="_blank" href="https://cowtransfer.com/">
            <li class="sidenav-btn">奶牛快传
                <p>安全、省时高效</p>
            </li>
        </a>
        <a target="_blank" href="https://www.wenshushu.cn/">
            <li class="sidenav-btn">文叔叔
                <p>传文件的酸爽！</p>
            </li>
        </a>
        <a target="_blank" href="https://app.tmp.link/">
            <li class="sidenav-btn">TMPLink
                <p>简单临时文件中转</p>
            </li>
        </a>
        <a target="_blank" href="https://pan.baidu.com/">
            <li class="sidenav-btn">百度云盘
                <p>毒！</p>
            </li>
        </a>
        <a target="_blank" href="https://pan.quark.cn/">
            <li class="sidenav-btn">夸克云盘
                <p>工具中心？</p>
            </li>
        </a>
        <a target="_blank" href="https://cloud.189.cn/">
            <li class="sidenav-btn">天翼云盘
                <p>酷友说挺好</p>
            </li>
        </a>
    </ul>
    <blockquote class="blockquote">▎ 社交媒体</blockquote>
    <ul>
        <a target="_blank" href="https://www.52pojie.cn/">
            <li class="sidenav-btn">吾爱破解
                <p>软件破解基地</p>
            </li>
        </a>
        <a target="_blank" href="https://www.zhihu.com/">
            <li class="sidenav-btn">知乎
                <p>有问题，上知乎</p>
            </li>
        </a>
        <a target="_blank" href="https://www.weibo.com/">
            <li class="sidenav-btn">微博
                <p>垃圾桶</p>
            </li>
        </a>
        <a target="_blank" href="https://www.instagram.com/">
            <li class="sidenav-btn">Instagram
                <p>国外图片分享社区</p>
            </li>
        </a>
        <a target="_blank" href="https://twitter.com/">
            <li class="sidenav-btn">Twitter
                <p>国外分享社区</p>
            </li>
        </a>
        <a target="_blank" href="https://www.facebook.com/">
            <li class="sidenav-btn">Facebook
                <p>一本面子书</p>
            </li>
        </a>
    </ul>
    <blockquote class="blockquote">▎ 别，过不了审的</blockquote>
    <ul>
        <a target="_blank" href="https://picacn.xyz">
            <li class="sidenav-btn">PicAcg
                <p>年幼的目光</p>
            </li>
        </a>
        <a target="_blank" href="https://www.hmoe11.net/">
            <li class="sidenav-btn">萌幻之乡
                <p>黄油？刑啊</p>
            </li>
        </a>
        <a target="_blank" href="https://www.mengzhan521.com/">
            <li class="sidenav-btn">萌站
                <p>收费了，但确实全</p>
            </li>
        </a>
        <a target="_blank" href="http://e-hentai.org/">
            <li class="sidenav-btn">E站(表)
                <p>绅士永不输</p>
            </li>
        </a>
        <a target="_blank" href="https://exhentai.org/">
            <li class="sidenav-btn">E站(里)
                <p>？？？？</p>
            </li>
        </a>
        <a target="_blank" href="https://www.mikuclub.online/">
            <li class="sidenav-btn">初音社
                <p>初!音!未!来!</p>
            </li>
        </a>
    </ul>
    <blockquote class="blockquote">▎科学上网普及要从娃娃抓起</blockquote>
    <ul>
        <a target="_blank" href="https://sakuracat.world/">
            <li class="sidenav-btn">SukuraCat
                <p>优质便宜</p>
            </li>
        </a>
        <a target="_blank" href="https://103.186.187.63">
            <li class="sidenav-btn">几鸡
                <p>专业老牌</p>
            </li>
        </a>
        <a target="_blank" href="https://xn--mesr8b36x.net/#/dashboard">
            <li class="sidenav-btn">大机场
                <p>BigAirport</p>
            </li>
        </a>
        <a target="_blank" href="https://wol.company/">
            <li class="sidenav-btn">WOL
                <p>woc??</p>
            </li>
        </a>
    </ul>

    <blockquote class="blockquote">▎ 开发</blockquote>
    <ul>
        <a target="_blank" href="http://gpt.cong.chat/">
            <li class="sidenav-btn">congGPT
                <p>人工智能哦</p>
            </li>
        </a>
        <a target="_blank" href="https://developer.mozilla.org/zh-CN/">
            <li class="sidenav-btn">MDN
                <p>服务开发者</p>
            </li>
        </a>
        <a target="_blank" href="https://coding.net/products/cloudstudio">
            <li class="sidenav-btn">cloud stdio
                <p>云开发环境</p>
            </li>
        </a>
        <a target="_blank" href="https://cdnjs.com/">
            <li class="sidenav-btn">cdnjs
                <p>Web开发资源</p>
            </li>
        </a>
        <a target="_blank" href="https://www.w3school.com.cn/">
            <li class="sidenav-btn">W3school
                <p>Web技术教程</p>
            </li>
        </a>
        <a target="_blank" href="https://github.com/">
            <li class="sidenav-btn">Github
                <p>分布式版本管理</p>
            </li>
        </a>
        <a target="_blank" href="https://gitee.com/">
            <li class="sidenav-btn">Gitee
                <p>中国gitHub免魔法</p>
            </li>
        </a>
        <a target="_blank" href="https://www.csdn.net/">
            <li class="sidenav-btn">CSDN
                <p>IT技术社区</p>
            </li>
        </a>
        <a target="_blank" href="https://leetcode.cn/">
            <li class="sidenav-btn">立扣中国
                <p>刷刷算法题啦</p>
            </li>
        </a>
        <a target="_blank" href="https://www.fabrie.cn/">
            <li class="sidenav-btn">Fabrie
                <p>在线合作画图</p>
            </li>
        </a>
        <a target="_blank" href="https://codepen.io/">
            <li class="sidenav-btn">Codepen
                <p>Coding online</p>
            </li>
        </a>
        <a target="_blank" href="https://uigradients.com/">
            <li class="sidenav-btn">uiGradients
                <p>网页设计配色</p>
            </li>
        </a>
        <a target="_blank" href="https://cssfx.netlify.com/">
            <li class="sidenav-btn">CSSFX
                <p>CSS效果</p>
            </li>
        </a>
        <a target="_blank" href="https://www.faviator.xyz/">
            <li class="sidenav-btn">Faviator
                <p>自动生成图标</p>
            </li>
        </a>
        <a target="_blank" href="https://www.iconfont.cn/">
            <li class="sidenav-btn">IconFont
                <p>阿里巴巴图标库</p>
            </li>
        </a>
        <a target="_blank" href="https://cloudconvert.com/">
            <li class="sidenav-btn">FileConvert
                <p>文件转换器</p>
            </li>
        </a>
    </ul>

    <blockquote class="blockquote">▎ 设置</blockquote>
    <ul>
        <a href="#">
            <li class="sidenav-btn" id="night">夜间模式</li>
        </a>
        <a href="#">
            <li class="sidenav-btn" id="bg">干掉/显示壁纸</li>
        </a>
    </ul>
    <p style="width:100%;text-align:center;margin:0 auto;font-size:14px;color:lightgray;">2025-2923 © <a
            style="color: lightgray;" href="https://space.bilibili.com/40750119">爆脖工作室</a><br>ALL RIGHTS RESERVED.
    </p>
</nav>

<!-- 主页面 -->
<main id="main" class="panel">
    <!-- 天气 -->
    <div id="tp-weather-widget"></div>
    <!-- 主容器 -->
    <div class="container">

        <!-- 侧边栏按钮 -->
        <img class="slidebtn btn-hamburger js-slideout-toggle" src="img/menu.svg"/>
        <!-- 搜索盒子 -->
        <div class="search-box">
            <!-- logo -->
            <div id="logo">
                <div id="state">
                    <a href="folder://"><img id="img" src="img/bing.png"/></a>
                </div>
            </div>

            <!-- 搜索框 -->
            <div class="inputDiv">
                <form id="form" action="https://cn.bing.com/search" target="_self" onsubmit="return check()">
                    <input onmouseover="this.focus()" onfocus="this.select()" id="inputText" type="text"
                           placeholder="Bing搜索..." name="q" size="30"/>
                    <button id="submitButton" class="submitButton" type="submit"></button>
                </form>
                <!-- 搜索提示词 -->
                <div id="searchlist">
                    <ul id="list"></ul>
                </div>
            </div>

            <!-- 书签、引擎选择器 -->
            <div id="Select" class="Select" onclick="select()">
                <hr>
                书签
                <img src="img/search-change.svg?v=2ae7ab8"/>
            </div>
            <!-- 书签 -->
            <div id="folder" class="folder">
                <ul></ul>
            </div>

            <!-- 导航引擎 -->
            <div id="nav" class="nav">
                <ul></ul>
            </div>

            <!-- 更新提示框 -->
            <div id="alert" class="alert alert-info alert-dismissible" role="alert">
                <button type="button" id="closealert" class="close" data-dismiss="alert" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
                <strong>有新版本啦！</strong>赶紧清除缓存刷新看下吧！更新内容可查看<a target="_blank"
                                                                                    href="https://kksan.top/f5404b68deeb4634b39dac0bc67ec693"
                                                                                    class="alert-link">更新日志</a>。
            </div>

        </div>
    </div>
</main>

<script type="text/javascript" src="js/slideout.min.js"></script>
<script type="text/javascript">
    var slideout = new Slideout({
        'panel': document.getElementById('main'),
        'menu': document.getElementById('menu'),
        'padding': 290,
        'tolerance': 70
    });
    document.querySelector('.js-slideout-toggle').addEventListener('click',
        function () {
            slideout.toggle();
        });
    document.querySelector('.menu').addEventListener('click',
        function (eve) {
            if (eve.target.nodeName === 'A') {
                slideout.close();
            }
        });
    $(document).click(function (e) {
        var Class = $(e.target).attr("class");
        var Id = $(e.target).attr("id");
        if (Class == 'panel slideout-panel slideout-panel-left' || Class == 'folder-item col-xs-3 col-sm-2' || Class == 'search-box' || Id == 'inputText' || Id == 'logo') {
            slideout.close();
        }
    });
</script>

</body>
<script type="text/javascript">
    document.write('<script src="js/main.js?v=' + now + '"><\/script\>');
</script>

</html>